"use client"
import Link from 'next/link'
import Image from 'next/image'

export default function NotFound() {
  return (
    <div className="h-screen flex items-center not-found">
      <div className="container flex flex-col md:flex-row items-center justify-center px-5 text-gray-700">
        <div className="max-w-md">
          <div className="text-5xl font-dark font-bold">404</div>
          <p className="text-2xl md:text-3xl font-light leading-normal" >对不起，我们找不到此页 </p>
          <p className="mb-8">别担心，你可以在我们的主页上找到很多其他的东西</p>
          <Link href={'/'} className="btn border-none shadow-xs text-gray-500">返回首页</Link>
        </div>
        <div className="max-w-lg"> <Image className='w-auto h-auto' src="/cat.svg" alt="cat" width={300} height={300} priority={true} /> </div>
      </div>
    </div>
  )
}
